<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    #elem-container{
        position: absolute;
        left:     100px;
        top:      200px;
        height:   100px;
    }
</style>
<body>
<div id="elem-container">dummy</div>
<div id="output"></div>
<script>

function getTheStyle(){
let elem = document.getElementById("elem-container");
//    Window.getComputedStyle()方法返回一个对象，
// 该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值
// 私有的CSS属性值可以通过对象提供的API或通过简单地使用CSS属性名称进行索引来访问。
 let    style =window.getComputedStyle(elem,null)
let theCSSprop = style.getPropertyValue("height");
    console.log(style)
    console.log(theCSSprop)

document.getElementById("output").innerHTML = theCSSprop;
}
getTheStyle();
</script>
</body>
</html>